<template>
  <div class="app-container">
    <el-table border :data="detailList" style="width: 100%">
      <el-table-column label="序号" width="100" type="index" align="center" fixed="left"/>
      <el-table-column prop="resourceName" label="食材名称" align="center" />
      <el-table-column label="园区" prop="area"  align="center"/>
      <el-table-column prop="updateTime" label="变更时间" align="center" />
      <el-table-column prop="amount" label="变更数量" align="center"/>
      <el-table-column prop="unit" label="单位" align="center" />
      <el-table-column prop="businessNum" label="变更业务号" align="center" />
      <el-table-column prop="businessType" label="变更类型" align="center" />
    </el-table>
  </div>
</template>

<script>
import {storeMoveList} from "@/api/store/resource";
export default {
  name: "BaseDetail",
  dicts: ['sys_normal_disable'],
  data() {
    return {
      baseUrl: process.env.VUE_APP_BASE_API,
      resourceId: undefined,
      area:'',
      detailList: [],
    };
  },
  created() {
    this.resourceId = this.$route.query && this.$route.query.resourceId;
    this.area= this.$route.query && this.$route.query.area;
    this.getList();
  },
  methods: {
    /** 查询列表 */
    getList() {
      //
      storeMoveList({resourceId: this.resourceId,area:this.area}).then(response => {
        this.detailList = response.rows;
      });
    },
  }
};
</script>
